*{margin:0; padding:0; box-sizing:border-box; font-family:"Microsoft YaHei"; text-align:center;}
html,body{width:100%; height:100%; background-image:url(https://s1.ax1x.com/2020/04/17/JEW7mq.png);}
.wrap{display:flex; flex-direction:column; align-items:center;}
.menu{display:flex; flex-wrap:wrap; align-items:center; padding:0 10px 10px 0; width:100%; background-color:#fff;}
.menu div{margin:10px 0 0 10px;}
.menu a{display:block; padding:5px 10px; border:1px solid #333; border-radius:5px; font-size:14px; text-decoration:none; color:#000;}
.menu a:hover{background-color:#eee;}
.nav{display:flex; flex-wrap:wrap; align-items:center; padding:0 10px 10px 0; width:100%; border-bottom:1px solid #666;}
.nav div{margin:10px 0 0 10px;}
.nav a{display:block; padding:5px 10px; border:1px solid #999; font-size:14px; text-decoration:none; color:#ccc;}
.nav a:hover{border:1px solid #ffc;}